<template>
	<div id="app">
		<header id="header" class="bg-primary">
			<div class="navbar navbar-inverse navbar-fixed-top" id="navbar" role="banner">
				<div class="container">
					<div class="navbar-header">
						<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".zui-navbar-collapse">
      </button>
						<a href="/" class="navbar-brand"><span class="path-zui-36"><i class="path-1"></i><i class="path-2"></i></span> <span class="brand-title">LOGO</span> &nbsp;<small class="format-pkg zui-version" data-fmt-text="{version}"></small> <i data-toggle="tooltip" id="compactTogger" data-placement="bottom" class="icon icon-home"></i></a>
					</div>
					<nav class="collapse navbar-collapse zui-navbar-collapse">
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a title="" href="" target="_blank"><i class="icon icon-desktop"></i><span> 登陆</span></a>
							</li>
							<li>
								<a title="" href="" target="_blank"><i class="icon icon-check-sign"></i><span> 注册</span></a>
							</li>
							<li>
								<a title="" href="" target="_blank"><i class="icon icon-user"></i><span> 个人中心</span></a>
							</li>
						</ul>
					</nav>
				</div>
			</div>
		</header>		
		<section>
<!--   <Index></Index>-->
   <router-view></router-view>
	</section>
	<footer>
  <div class="container">
    <hr>
    <p class="text-muted small">版权所有@辽宁.大连.2019</p>
  </div>
</footer>
	</div>
	
</template>

<script>
	import Index from './index.vue'
	export default {
		name: 'Layout',
		components: {
    Index:Index
		}
	}
</script>

<style>
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		margin-top: 60px;
	}
	ul{
		list-style: none;
	}
	#header{
		background:#3280FC;
	}
</style>